<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
  <head>
    <base href="<%=basePath%>">
    

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />    
    <!--[if gt IE 8]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />        
    <![endif]-->                
    <title>专题地图</title>
    <link rel="icon" type="image/ico" href="favicon.ico"/>
    
    <link href="css/stylesheets.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 7]>
        <link href="css/ie.css" rel="stylesheet" type="text/css" />
        <script type='text/javascript' src='js/plugins/other/lte-ie7.js'></script>
    <![endif]-->    
    <script type='text/javascript' src='js/plugins/jquery/jquery-1.9.1.min.js'></script>
    <script type='text/javascript' src='js/plugins/jquery/jquery-ui-1.10.1.custom.min.js'></script>
    <script type='text/javascript' src='js/plugins/jquery/jquery-migrate-1.1.1.min.js'></script>
    <script type='text/javascript' src='js/plugins/jquery/globalize.js'></script>
    <script type='text/javascript' src='js/plugins/other/excanvas.js'></script>
    
    <script type='text/javascript' src='js/plugins/other/jquery.mousewheel.min.js'></script>
        
    <script type='text/javascript' src='js/plugins/bootstrap/bootstrap.min.js'></script>
    
    <script type='text/javascript' src='js/plugins/cookies/jquery.cookies.2.2.0.min.js'></script>    
    
    <script type='text/javascript' src='js/plugins/jflot/jquery.flot.js'></script>    
    <script type='text/javascript' src='js/plugins/jflot/jquery.flot.stack.js'></script>    
    <script type='text/javascript' src='js/plugins/jflot/jquery.flot.pie.js'></script>
    <script type='text/javascript' src='js/plugins/jflot/jquery.flot.resize.js'></script>
    
    <script type='text/javascript' src='js/plugins/sparklines/jquery.sparkline.min.js'></script>        
    
    <script type='text/javascript' src='js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js'></script>
    
    <script type='text/javascript' src="js/plugins/uniform/jquery.uniform.min.js"></script>
    
    <script type='text/javascript' src='js/plugins/shbrush/XRegExp.js'></script>
    <script type='text/javascript' src='js/plugins/shbrush/shCore.js'></script>
    <script type='text/javascript' src='js/plugins/shbrush/shBrushXml.js'></script>
    <script type='text/javascript' src='js/plugins/shbrush/shBrushJScript.js'></script>
    <script type='text/javascript' src='js/plugins/shbrush/shBrushCss.js'></script>    
    
    <script type='text/javascript' src='js/plugins.js'></script>
    <script type='text/javascript' src='js/charts.js'></script>
    
    <script type='text/javascript' src='js/actions.js'></script>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<script src="javascript/jquery-1.11.1.js" type="text/javascript" ></script>
	<script src="javascript/esl.js" type="text/javascript"></script>
	<script src="javascript/echarts.js" type="text/javascript"></script>
	<script src="javascript/ajaxFunction.js" type="text/javascript" charset="UTF-8"></script>
	<script src="javascript/MoveAff.js" type="text/javascript"></script>
	<script src="javascript/Move.js" type="text/javascript"></script>

	<script src="javascript/drawDiv.js" type="text/javascript"></script>
	<script src="javascript/drawChart.js" type="text/javascript"></script>
	<script src="javascript/readFile.js" type="text/javascript"></script>	
	
  </head>
  
  <body>    
    <div class="wrapper">
        
        <div class="sidebar">
            

                <img id='logo' src="image/newlogo1.png" />

            <div id='choice' class="nContainer">                
				<div id='naviblock'>
				<div id="tool">
    	<fieldset>
	    	<legend class="tooltitle">请选择区域</legend>
	    	&nbsp;&nbsp;
	    	<input type="radio" name="region" id="radio_guo" value="guo" checked="checked" onclick="selectGuo()"/>
	    	<label for="radio_guo">全国各省</label>
	    	&nbsp;&nbsp;
	    	<input type="radio" name="region" id="radio_shengshi" value="shengshi" onclick="selectShengshi()"/>
	    	<label for="radio_shengshi">某省各市</label>
	    	&nbsp;&nbsp;
	    	<SELECT id="select_shengshi" disabled="disabled">
		    	<optgroup label="直辖市">
		    		<option value="11" selected="selected">北京市</option>
		    		<option value="12">天津市</option>
		    		<option value="31">上海市</option>
		    		<option value="50">重庆市</option>
		    	</optgroup>
		    	<optgroup label="自治区">
		    		<option value="15">内蒙古自治区</option>
		    		<option value="45">广西壮族自治区</option>
		    		<option value="54">西藏自治区</option>
		    		<option value="64">宁夏回族自治区</option>
		    		<option value="65">新疆维吾尔自治区</option>
		    	</optgroup>
		    	<optgroup label="省份">
		    		<option value="13">河北省</option>
		    		<option value="14">山西省</option>	    		
		    		<option value="21">辽宁省</option>
		    		<option value="22">吉林省</option>
		    		<option value="23">黑龙江省</option>	    			    	
		    		<option value="32">江苏省</option>
		    		<option value="33">浙江省</option>
		    		<option value="34">安徽省</option>
		    		<option value="35">福建省</option>
		    		<option value="36">江西省</option>
		    		<option value="37">山东省</option>
		    		<option value="41">河南省</option>
		    		<option value="42">湖北省</option>
		    		<option value="43">湖南省</option>
		    		<option value="44">广东省</option>	    		
		    		<option value="46">海南省</option>	    		
		    		<option value="51">四川省</option>
		    		<option value="52">贵州省</option>
		    		<option value="53">云南省</option>	    		
		    		<option value="61">陕西省</option>
		    		<option value="62">甘肃省</option>
		    		<option value="63">青海省</option>
		    	</optgroup>
		    	<optgroup label="暂不支持">
		    		<option value="81">香港特别行政区</option>
		    		<option value="82">澳门特别行政区</option>
		    		<option value="71">台湾省</option>
		    	</optgroup> 		
	    	</SELECT><br/>
	    	&nbsp;&nbsp;
	    	<input type="radio" name="region" id="radio_shengxian" value="shengxian" onclick="selectShengxian()"/>
	    	<label for="radio_shengxian">某省各县</label>
	    	&nbsp;&nbsp;
	    	<SELECT id="select_shengxian" disabled="disabled">
	    		<optgroup label="直辖市">
		    		<option value="11" selected="selected">北京市</option>
		    		<option value="12">天津市</option>
		    		<option value="31">上海市</option>
		    		<option value="50">重庆市</option>
		    	</optgroup>
		    	<optgroup label="自治区">
		    		<option value="15">内蒙古自治区</option>
		    		<option value="45">广西壮族自治区</option>
		    		<option value="54">西藏自治区</option>
		    		<option value="64">宁夏回族自治区</option>
		    		<option value="65">新疆维吾尔自治区</option>
		    	</optgroup>
		    	<optgroup label="省份">
		    		<option value="13">河北省</option>
		    		<option value="14">山西省</option>	    		
		    		<option value="21">辽宁省</option>
		    		<option value="22">吉林省</option>
		    		<option value="23">黑龙江省</option>	    			    	
		    		<option value="32">江苏省</option>
		    		<option value="33">浙江省</option>
		    		<option value="34">安徽省</option>
		    		<option value="35">福建省</option>
		    		<option value="36">江西省</option>
		    		<option value="37">山东省</option>
		    		<option value="41">河南省</option>
		    		<option value="42">湖北省</option>
		    		<option value="43">湖南省</option>
		    		<option value="44">广东省</option>	    		
		    		<option value="46">海南省</option>	    		
		    		<option value="51">四川省</option>
		    		<option value="52">贵州省</option>
		    		<option value="53">云南省</option>	    		
		    		<option value="61">陕西省</option>
		    		<option value="62">甘肃省</option>
		    		<option value="63">青海省</option>
		    	</optgroup>
		    	<optgroup label="暂不支持">
		    		<option value="81">香港特别行政区</option>
		    		<option value="82">澳门特别行政区</option>
		    		<option value="71">台湾省</option>
		    	</optgroup>
	    	</SELECT><br/>
	    	&nbsp;&nbsp;
	    	<input type="radio" name="region" id="radio_shixian" value="shixian" onclick="selectShixian()"/>
	    	<label for="radio_shixian">某市各县</label>
	    	&nbsp;&nbsp;
	    	<SELECT onchange="findCities(this.options[this.options.selectedIndex].value)"
	    		id="select_shixian" disabled="disabled">
	    		<optgroup label="直辖市">
		    		<option value="11" selected="selected">北京市</option>
		    		<option value="12">天津市</option>
		    		<option value="31">上海市</option>
		    		<option value="50">重庆市</option>
		    	</optgroup>
		    	<optgroup label="自治区">
		    		<option value="15">内蒙古自治区</option>
		    		<option value="45">广西壮族自治区</option>
		    		<option value="54">西藏自治区</option>
		    		<option value="64">宁夏回族自治区</option>
		    		<option value="65">新疆维吾尔自治区</option>
		    	</optgroup>
		    	<optgroup label="省份">
		    		<option value="13">河北省</option>
		    		<option value="14">山西省</option>	    		
		    		<option value="21">辽宁省</option>
		    		<option value="22">吉林省</option>
		    		<option value="23">黑龙江省</option>	    			    	
		    		<option value="32">江苏省</option>
		    		<option value="33">浙江省</option>
		    		<option value="34">安徽省</option>
		    		<option value="35">福建省</option>
		    		<option value="36">江西省</option>
		    		<option value="37">山东省</option>
		    		<option value="41">河南省</option>
		    		<option value="42">湖北省</option>
		    		<option value="43">湖南省</option>
		    		<option value="44">广东省</option>	    		
		    		<option value="46">海南省</option>	    		
		    		<option value="51">四川省</option>
		    		<option value="52">贵州省</option>
		    		<option value="53">云南省</option>	    		
		    		<option value="61">陕西省</option>
		    		<option value="62">甘肃省</option>
		    		<option value="63">青海省</option>
		    	</optgroup>
		    	<optgroup label="暂不支持">
		    		<option value="81">香港特别行政区</option>
		    		<option value="82">澳门特别行政区</option>
		    		<option value="71">台湾省</option>
		    	</optgroup>
	    	</SELECT><br/>
	    	&nbsp;&nbsp;
	    	<SELECT id="select_shi" disabled="disabled">
	    		<option value="1" selected="selected">市辖区</option>
	    		<option value="2">县</option>
	    	</SELECT>
	    	<center><input type="button" class="sure" value="&nbsp;确&nbsp;定&nbsp;" onclick="sureRegion()"/></center>
    	</fieldset>
    	
    	<fieldset>
	    	<legend class="tooltitle">请选择色系</legend>
	    	&nbsp;&nbsp;
	    	<SELECT id="select_color" onchange="changeColors(this.options[this.options.selectedIndex].value)">
	    		<option value="0" selected="selected">无填充色</option>
	    		<optgroup label="暖色系">
	    			<option value="1">红色系</option>
		    		<option value="2">深红色系</option>
		    		<option value="3">粉红色系</option>
		    		<option value="4">洋红色系</option>
		    		<option value="5">粉紫色系</option>
		    		<option value="18">黄绿色系</option>
		    		<option value="19">明黄色系</option>
		    		<option value="20">黄色系</option>
		    		<option value="21">橘黄色系</option>
		    		<option value="22">橙色系</option>
		    		<option value="23">橙红色系</option>
	    		</optgroup>
	    		<optgroup label="冷色系">
		    		<option value="6">紫色系</option>
		    		<option value="7">深紫色系</option>
		    		<option value="8">蓝紫色系</option>
		    		<option value="9">蓝色系</option>
		    		<option value="10">深蓝色系</option>
		    		<option value="11">浅蓝色系</option>
		    		<option value="12">蓝绿色系</option>
		    		<option value="13">嫩绿色系</option>
		    		<option value="14">绿色系</option>
		    		<option value="15">深绿色系</option>
		    		<option value="16">橄榄绿色系</option>
		    		<option value="17">草绿色系</option>
		    	</optgroup>
		    	<optgroup label="中性色系">
		    		<option value="24">褐色系</option>
	    			<option value="25">灰色系</option>
	    		</optgroup>
	    	</SELECT>
    	</fieldset>

    	<fieldset>
    		<legend class="tooltitle">请上传数据</legend>
    		<form enctype="multipart/form-data" method="post" id="form_file">
    			&nbsp;&nbsp;&nbsp;数据类型：
	    		<SELECT id="select_file">
		    		<option value="1" selected="selected">离散型</option>
		    		<option value="2">连续型</option>
		    		<option value="3">时间型</option>
		    	</SELECT>
		    	<input id="upload_file" type="file"/>
	    		<center><input type="button" class="sure" value="&nbsp;上&nbsp;传&nbsp;" onclick="uploadExcel()"/></center>
	    	</form>
    	</fieldset>
	
    </div>
				</div>
            </div>
            
            
        </div>
        
        <div class="body">
            
            <ul class="navigation">
                <li>
                    <a href="#" class="button" onclick="LoadXML(this)" id="bar">
                        <div class="icon">
                            <span class="ico-monitor"></span>
                        </div>                    
                        <div class="name">Bar 柱状图</div>
                    </a>                
                </li>
                
                <li>
                    <a href="#" class="button yellow" onclick="LoadXML(this)" id="line">
                        <div class="arrow"></div>
                        <div class="icon">
                            <span class="ico-cog-2"></span>
                        </div>                    
                        <div class="name">Line 折线图</div>
                    </a>          
                    
                </li>                
                <li>
                    <a href="#" class="button green" onclick="LoadXML(this)" id="scatter">
                        <div class="arrow"></div>
                        <div class="icon">
                            <span class="ico-pen-2"></span>
                        </div>                    
                        <div class="name">Scatter 散点图</div>
                    </a>                                
                </li>                        
                <li>
                    <a href="statistic.html" class="button red" onclick="LoadXML(this)" id="circular">
                        <div class="icon">
<!--                             <span class="ico-chart-4"></span> -->
								 <div style="width:26px;height:30px;">
								 	<img style="margin-left:6px;margin-top:7px;" src="image/huan.png"/> 
								 </div>
                        </div>                    
                        <div class="name">Circular 环形图</div>
                    </a>                
                </li>                
                <li>
                    <a href="#" class="button dblue" onclick="LoadXML(this)" id="pie">
                        <div class="arrow"></div>
                        <div class="icon">
<!--                             <span class="ico-layout-7"></span> -->
								<div style="width:28px;height:32px;">
								 	<img style="width:40px;height:35px;margin-left:9px;margin-top:4px;" src="image/bing.png"/> 
								 </div>
                        </div>                    
                        <div class="name">Pie 饼图</div>
                    </a> 
                                                            
                </li>
                <li>
                    <a href="index-2.html" class="button" onclick="LoadXML(this)" id="radar">
                        <div class="icon">
<!--                             <span class="ico-monitor1"></span> -->
								<div style="width:32px;height:37px;">
								 	<img style="width:28px;height:32px;margin-left:7px;margin-top:4px;" src="image/radar.png"/> 
								 </div>
                        </div>                    
                        <div class="name">Radar 雷达图</div>
                    </a>                
                </li>
                <li>
                    <a href="#" class="button purple" onclick="LoadXML(this)" id="chord">
                        <div class="arrow"></div>
                        <div class="icon">
<!--                             <span class="ico-box"></span> -->
						<div style="width:34px;height:38px;">
								 	<img style="margin-left:7px;margin-top:5px;" src="image/rose.png"/> 
								 </div>
                        </div>                    
                        <div class="name">Rose 南丁格尔玫瑰</div>
                    </a>                
                                                            
                </li>
                <li>
                    <a href="#" class="button orange" onclick="LoadXML(this)" id="force">
                        <div class="arrow"></div>
                        <div class="icon">
<!--                             <span class="ico-cloud"></span> -->
								 <div style="width:32px;height:37px;">
								 	<img style="width:28px;height:32px;margin-left:7px;margin-top:4px;" src="image/accu.png"/> 
								 </div>
                        </div>                    
                        <div class="name">Accumulation 堆积折线图</div>
                    </a>                
                                                            
                </li> 
                 <li>
                    <a href="statistic.html" class="button red" onclick="LoadXML(this)" id="bubble">
                        <div class="icon">
<!--                             <span class="ico-chart-4-bubble"></span> -->
								 <div style="width:32px;height:37px;">
								 	<img style="width:28px;height:32px;margin-left:7px;margin-top:4px;" src="image/bubble.png"/> 
								 </div>
                        </div>                    
                        <div class="name">Bubble 气泡图</div>
                    </a>                
                </li>
                <li>
                    <a href="#" class="button dblue" onclick="LoadXML(this)" id="funnel">
                        <div class="arrow"></div>
                        <div class="icon">
<!--                             <span class="ico-layout-7"></span> -->
								 <div style="width:32px;height:37px;">
								 	<img style="width:28px;height:32px;margin-left:8px;margin-top:8px;" src="image/loudou.png"/> 
								 </div>
                        </div>                    
                        <div class="name">Funnel 漏斗图</div>
                    </a> 
                                                            
                </li> 
                <li>
                    <a href="#" class="button yellow" onclick="LoadXML(this)" id="island">
                        <div class="arrow"></div>
                        <div class="icon">
<!--                             <span class="ico-cog-2"></span> -->
								 <div style="width:32px;height:37px;">
								 	<img style="width:28px;height:32px;margin-left:8px;margin-top:8px;" src="image/rela.png"/> 
								 </div>
                        </div>                    
                        <div class="name">Relationships 关系网络</div>
                    </a>          
                    
                </li>   
                                       
            </ul>
            
            
            <div class="content">
                <div class="page-header">
                    <div class="icon">
                        <span class="ico-arrow-right"></span>
                    </div>
                    <h1>ChartsType <small>请选择一种图表</small></h1>
                </div>
                <div class="page-header" id='line1'>
                	
                </div>
                
                
    <div id="map" onmousewheel="Scale()" onmousedown="Pan()" onmouseover="moveaffover()" onmouseout="moveaffout()">
    	<div id="result">
		</div>
    </div>
    	

</body>
</html>
